/*
  学习目标：父传子技术
  步骤：
    1. 给子组件标签设置标签数据
    2. 子组件通过props去接收
*/
import React from 'react';
// 类组件
class APP extends React.Component {
  state = {
    money: 10000,
  };
  handleClickMoney = () => {
    this.setState({
      money: this.state.money + 1000,
    });
  };
  render() {
    return (
      <div>
        <h3>父亲的钱：{this.state.money}</h3>
        <button onClick={this.handleClickMoney}>父亲开始赚钱</button>
        {/* 传递给子组件的数据 */}
        <Child money={this.state.money}></Child>
      </div>
    );
  }
}

class Child extends React.Component {
  render() {
    // this.props获取数据
    console.log('this.props----->', this.props);
    return (
      <div>
        <h3>父亲给儿子的钱：{this.props.money}</h3>
      </div>
    );
  }
}

export default APP;
